import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
import "@/styles/index.scss"
// 创建 Pinia 实例
import store from './store/index'
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
// 国际化
//@ts-ignore
import zhCn from 'element-plus/es/locale/lang/zh-cn'
import { anyRoute } from './router/routes'


//引入自定义插件对象:注册整个项目全局组件
//svg插件需要配置代码
import 'virtual:svg-icons-register'
// 引入自定义的插件，主要是用于注册全局组件
import gloalComponent from '@/components';
// 测试mock接口
import axios from 'axios'
// 已经完美测试完成，及哈哈哈哈哈
// axios({
//     url: '/api/user/login',
//     method: 'post',
//     data: {
//         username: 'admin',
//         password: '111110'
//     }
// })
const routersArr = localStorage.getItem('routersArr')
if (routersArr) {
    console.log(JSON.parse(routersArr), '这是主函数中的动态路由');

    [...JSON.parse(routersArr), anyRoute].forEach((item: any) => {
        router.addRoute(item)
        // component: () => import(`@/views${item.path}.vue`) // 根据path动态导入
    })
}


const app = createApp(App)
app.use(gloalComponent)
app.use(store)
app.use(router)
import './permission'
app.use(ElementPlus, {
    locale: zhCn,//element-plus国际化配置
})
app.mount('#app')

